<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="阿福易购">
    <meta content="telephone=no" name="format-detection" />
    <meta content="email=no" name="format-detection" />
    <!-- uc、qq浏览器 -->
    <meta name="screen-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-page-mode" content="app">
    <meta name="HandheldFriendly" content="true">
    <meta name="MobileOptimized" content="320">
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <meta name="keywords" content="{{$SEO['keywords']}}"/>
    <meta name="description" content="{{$SEO['description']}}"/>
    <title>阿福易购_专题页_{{$SEO['title']}}</title>
    <link rel="stylesheet" href="{{ asset('/build/css/app.min.css') }}">
</head>
<body ontouchstart="">
<header class="ui-header ui-header-stable af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start">
            <i class="ui-icon-return" data-href="/"></i>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>限时折扣</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">
        </li>
    </ul>
</header>
@inject('pictureService','App\Interfaces\PictureService')
@inject('adService','App\Interfaces\AdService')
@inject('activityService','App\Interfaces\ActivityService')
@inject('recommendPositionService','App\Interfaces\RecommendPositionService')
<div class="ui-container">
    <section class="ui-slider">
        <ul class="ui-slider-content" style="width: 300%">

            @foreach($adService->get('index_focus') as $ad)
            <li><span style="background-image:url('{{$pictureService::thumb($ad->m_image),1280,500}}')"></span></li>
            @endforeach
        </ul>
    </section>
    <section class="J-filter-scroll ui-scroll-menu af-filter-scroller">
        <ul class="ui-scroll-menu-nav" >
            @foreach($activityService->getActivityCat($id) as $activityCat)
            <?php if(empty($activity_cat_id)) $activity_cat_id = $fristActivityGoods->id; ?>
            <li data-href="/activity/detail/{{$id}}?activity_cat_id={{$activityCat->id}}" @if($activityCat->id == $activity_cat_id) class="current" @endif>{{$activityCat->cat_name}}</li>
            @endforeach
        </ul>
    </section>

    <section class="ui-rec-goods ui-margin-top-0">
        <ul id="scrollLoadGoods" data-url="/get_activity_goods?activity_cat_id={{$activity_cat_id}}" class="ui-rec-goods-item">
            @foreach($activityService->getMobileActivityGoods($activity_cat_id,1) as $key=>$activityGoods)
            <li @if($key%2==0) class="l" @else class="r" @endif>
                <div class="ui-goods-card">
                    <div data-href="/goods/show/{{$activityGoods->goods_id}}" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url('{{$pictureService::thumb($activityGoods->goods_thumb),254,254}}')"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="/goods/show/{{$activityGoods->goods_id}}" class="ui-nowrap-multi">{{$activityGoods->goods_name}}</h3>
                        <p><span class="shop-price">¥{{$activityGoods->shop_price}}</span><del class="market-price">¥{{$activityGoods->market_price}}</del></p>
                    </div>
                </div>
            </li>
            @endforeach

        </ul>
        <div class="ui-loading-wrap">
            <p>正在加载中...</p>
            <i class="ui-loading"></i>
        </div>
    </section>
</div>
<script src="{{ asset('/build/lib/zepto.min.js') }}"></script>
<script src="{{ asset('/build/js/frozen.js') }}"></script>
<script src="{{ asset('/build/js/app.min.js') }}"></script>
</body>
</html>